<!DOCTYPE html>
<html>
    <head>
        <link rel="icon" href="http://files.softicons.com/download/system-icons/nano-icon-set-by-freeman/png/48/Nano%20-%20Popcorn%20-%20Simple.png" type="image/x-icon" />
        <link rel="stylesheet" href="WebContent\LayoutTeste.css" media="screen,projection">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
        <title>Popcorn.com</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>

        <!-- load Galleria -->
        <script src="WebContent\slideshow\galleria-1.2.7.min.js"></script>

        <style>
            #galleria
            { 
                height:420px;
            }


        </style>

    </head>
    <body background="http://static.myopera.com/community/graphics/speeddials/Opera-Background-Simple.jpg">
        <div id="geral">
            <div id="principal" align="left">
                <FORM  ACTION="./ServletLogin"
                       METHOD="POST">
                    <img  src="WebContent\imagens\icon.png" onclick="window.location.href='index.html'"/>
                    <table  id="tabela_login" width=10%  border="0" align="right" >
                        <tr >
                            <td  height="50">
                                Nome de Utilizador:  
                            </td>
                            <td height="50">
                                <INPUT  size="10" TYPE="TEXT" NAME="nome">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Password:  
                            </td>
                            <td>
                                <INPUT size="10" TYPE="PASSWORD" NAME="password">
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2"></td>
                        </tr>
                        <tr>
                            <td  align="center" colspan="2">
                                <input type="submit" id="botoes" value="Login" title="Efectuar Login" name="login"/>
                                <input type="button" id="botoes" value="Novo Registo" title="Registar" name="novo_registo" onclick="window.location.href='NovoRegisto.html'"/>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>


            <div id="secundario">
                <hr/>
                <a id="home" href="index.html" >Home</a>
                <a id="guia_tv" href="GuiaTV.html" >Guia TV</a>
                <a id="novidades" href="" >Novidades</a>
                <a id="proximas_estreias" href="" >Próximas Estreias</a>
                <a id="cancelados" href="" >Cancelados</a>
                <a id="series" href="Series.jsp" >Séries</a>
                <a id="filmes" href="" >Filmes</a>
                <a id="comedia" href="" >Comédia</a>
                <a id="drama" href="" >Drama</a>
                <a id="crime" href="" >Crime</a>
                <a id="scifi" href="" >Sci Fi</a>
                <br>
                <hr/>
            </div>
            <div id="central" >

                <div id="galleria">

                    <a  href="WebContent\imagens\Revenge1.jpg">

                        <img data-title="Revenge S01E15"
                             data-description="Não perca o novo episódio de Revenge!"
                             src="WebContent\imagens\Revenge1.jpg">


                    </a>
                    <a href="WebContent\imagens\bones1.jpg">
                        <img data-title="Bones"
                             data-description="BLABLABLA"
                             src="WebContent\imagens\bones1.jpg">
                    </a>

                    <a href="WebContent\imagens\gossipGirl1.jpg">
                        <img data-title="Bones"
                             data-description="BLABLABLA"
                             src="WebContent\imagens\gossipGirl1.jpg">
                    </a>

                    <a href="WebContent\imagens\house1.jpg">
                        <img data-title="Bones"
                             data-description="BLABLABLA"
                             src="WebContent\imagens\house1.jpg">
                    </a>

                    <a href="WebContent\imagens\2broke1.jpg">
                        <img data-title="Bones"
                             data-description="BLABLABLA"
                             src="WebContent\imagens\2broke1.jpg">
                    </a>

                    <a href="WebContent\imagens\glee1.jpg">
                        <img data-title="Bones"
                             data-description="BLABLABLA"
                             src="WebContent\imagens\glee1.jpg">
                    </a>

                    <a href="WebContent\imagens\himym1.jpg">
                        <img data-title="Bones"
                             data-description="BLABLABLA"
                             src="WebContent\imagens\himym1.jpg">
                    </a>

                    <a href="WebContent\imagens\ouat1.jpg">
                        <img data-title="Bones"
                             data-description="BLABLABLA"
                             src="WebContent\imagens\ouat1.jpg">
                    </a>

                    <a href="WebContent\imagens\csi1.jpg">
                        <img data-title="Bones"
                             data-description="BLABLABLA"
                             src="WebContent\imagens\csi1.jpg">
                    </a>

                    <a href="WebContent\imagens\smash1.jpg">
                        <img data-title="Bones"
                             data-description="BLABLABLA"
                             src="WebContent\imagens\smash1.jpg">
                    </a>


                </div>

                <div id="calendario">
                    <hr/>
                    <table id="tabela" >
                        <caption>Calendário</caption>

                        <tbody><tr>
                                <th align="middle">Segunda
                                    <br>
                                    30/04
                                </th>
                                <th align="middle">Terça</th>
                                <th align="middle">Quarta</th>
                                <th align="middle">Quinta</th>
                                <th align="middle">Sexta</th>
                                <th align="middle">Sábado</th>
                                <th align="middle">Domingo</th>
                            </tr>
                            <tr>
                                <td>
                                    <a href="">CONTEUDO SEGUNDA FEIRA
                                    </a>
                                    <br>
                                    bla bla bla
                                </td>
                                
                                <td>CONTEUDO TERÇA FEIRA
                                    <br>
                                    BLA BLA BLA BLA
                                </td>
                                
                                <td>CONTEUDO QUARTA FEIRA
                                    <br>
                                    BLA BLA BLABLABLAB
                                </td>
                        
                                <td>CONTEUDO QUINTA FEIRA
                                    <br>
                                    KLHSDFGSJKDHF
                                </td>
                                
                                <td>CONTEUDO SEXTA FEIRA
                                    <br>
                                    BLA BLA BLA BLA
                                </td>
                                
                                <td>CONTEUDO SABADO
                                    <br>
                                    BLA BLA BLABLABLAB
                                </td>
                        
                                <td>CONTEUDO DOMINGO
                                    <br>
                                    KLHSDFGSJKDHF
                                </td>
                            </tr>
                            
                        </tbody>
                    </table>

                </div>

                <div>
                    <br>
                    
                </div>


                <script>

                    // Load the classic theme
                    Galleria.loadTheme('WebContent/slideshow/galleria.classic.min.js');

                    // Initialize Galleria
                    Galleria.run('#galleria');

                </script>
            </div>
        </div>
    </body>
</html>
